<!--
 * @Author: 熊志伟 xiongzhiwei
 * @Date: 2024-11-08 13:48:43
 * @LastEditors: 熊志伟 xiongzhiwei
 * @LastEditTime: 2024-12-02 16:37:50
 * @FilePath: \sr_system_manager_ui\src\views\login\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="login">
    <div class="wrapper">
      <Login v-if="loginType === 'login'" @forget="loginType = 'forgot'" />
      <Forget v-else @login="loginType = 'login'" />
    </div>
  </div>
</template>

<script setup>
import Login from './components/login.vue';
import Forget from './components/forget.vue'

const loginType = ref('login')

</script>

<style lang="scss" scoped>
.login {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  background-image: url("@/assets/images/login-background.webp");
  background-size: cover;
}

.wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
}
</style>